// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

// This stylesheet is only served to Internet Explorer 9 and older for basic appearance.
// It's used as the only style for IE9-, while IE10+ link the bundles like any other UA.
// (The selectors, rules and values below include IE-specific hacks to target IE6-IE9 based on their compatibility, see: https://gist.github.com/ricardozea/5549389 for examples)

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/base/elements';
@import '~@mozilla-protocol/core/protocol/css/components/button';
@import 'components/navigation-ie';
@import 'components/sub-navigation';
@import 'components/download-button-ie';

// Consent banner
@import '~@mozmeao/consent-banner/styles';

// An arbitrary container for translatable strings to use in scripts
#strings {
    display: none;
}

body {
    margin: 20px 30px;
}

.center {
    text-align: center;
}

img {
    -ms-interpolation-mode: bicubic; /* stylelint-disable-line property-no-unknown */
}

label {
    display: block;
}

hr {
    margin: $layout-xs 0;
}

.visually-hidden {
    @include visually-hidden;
}

.hidden {
    @include hidden;
}

.hide-from-legacy-ie {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}

header,
main,
section,
footer {
    display: block;
}

/* Make sure form details are visible */

.mzp-c-newsletter-details {
    display: block !important; /* stylelint-disable-line declaration-no-important */
}

// make sure dark components have correct background and text color
.mzp-t-dark {
    background: $color-ink-80;
    color: $color-white;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: $color-white;
    }
}

// hide <template> elements in the DOM.
template {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}
